<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //有一个数组，存储五件商品信息。 求出这五件商品的总价格
        let arr = [
            { name: 'iPhone', price: 3888 },
            { name: 'switch', price: 1688 },
            { name: 'iPad', price: 2460 },
            { name: 'mac', price: 18880 },
            { name: 'ipod', price: 188 },
        ];
        // 1.利用空筐思想,建一个值为0的变量
        let res = 0;
        /* 2.对数组进行遍历,对象的属性值通过对象名.属性名拿到,而对象名则为数组对应下标,所以为arr[i].属性名,然后对price进行相加 */
        for (let i = 0; i < arr.length; i++) {
            res += arr[i].price
        }
        // 3.最后输出结果
        console.log(res);

        /*
        总结:本案例可以利用空筐思想进行求和,而price为属性名. 数据是用数组+对象的结合,所以需利用数组遍历,因为数组每个下标为对应的对象名,属性值通过对象名.属性名拿到,所以arr[i].price = 1688,2460...最后进行相加然后打印输出
         */
    </script>
</body>

</html>